<template>
  <Header></Header>
  <Drawer v-if="isShow == true"></Drawer>
  <el-breadcrumb separator="/" style="font-size: 20px;color: #2AB28B;" v-if="isShow == true">
    <el-breadcrumb-item :to="{ path: '/Home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item :to="{ path: '/Home' }">{{ labName }}</el-breadcrumb-item>
    <el-breadcrumb-item :to="{ path: '/pageList/' + groupId }">档案管理</el-breadcrumb-item>
    <el-breadcrumb-item>查看报告</el-breadcrumb-item>
  </el-breadcrumb>

  <el-affix :offset="400" style="float: right;height: 60px" :position="bottom" v-if="isShow == true">
    <el-button type="primary" style="height: 60px;background-color: #2AB28B;border: #2AB28B" @click="onKeep">保存建议
    </el-button>
  </el-affix>

  <div class="report">
    <div id="print-all">
      <div id="basic">
        <div style="">
          <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
            <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div>
            <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
            <div style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;color:#333333;">
              儿童生长发育评估分析报告单</div>
          </div>
        </div>
        <!-- 基本信息 -->
        <div style="width: 100%; height: 40px; background-color: #2AB28B; margin-top: 10px; display: flex;">
          <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
          <div style="font-size: 20px; margin-left: 10px; line-height: 40px; color: #fff;">儿童基本信息</div>
        </div>
        <div style="width: 1070px; border-top: 2px solid #09a578; border-right: 2px solid #09a578;  margin-top: 10px">
          <div style="display: flex">
            <div
              style="background-color: #2AB28B; width: 9.9%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
              检测日期</div>
            <div
              style="width: 90%; height: 40px; border-bottom: 2px solid #09a578; line-height: 40px; text-indent: 20px;">
              {{ report_time }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139); width: 10%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
              儿童姓名
            </div>
            <div
              style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
              {{ contents.username ?? '[]' }}
            </div>
            <div
              style="background-color: rgb(42, 178, 139);width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
              性别
            </div>
            <div
              style="width: 15%; height: 40px; text-align: center;line-height: 40px;border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
              {{ contents.sex == 1 ? '女' : '男' ?? '[]' }}
            </div>
            <div
              style="background-color: rgb(42, 178, 139); width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
              出生日期
            </div>
            <div
              style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
              {{ birth ?? '[]' }}
            </div>
            <div
              style=" background-color: rgb(42, 178, 139); width: 10%; height: 40px; text-align: center; line-height: 40px;color:#fff; border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
              监护人姓名
            </div>
            <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #09a578;">
              {{ contents.guardian_name ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
              监护人手机号
            </div>
            <div
              style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
              {{ contents.guardian_mobile ?? '[]' }}
            </div>
            <div
              style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
              身高
            </div>
            <div
              style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
              {{ contents.height ? contents.height + 'CM' : '' }}
            </div>
            <div
              style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
              体重
            </div>
            <div
              style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #white; border-bottom: 2px solid #09a578; ">
              {{ contents.weight ? contents.weight + 'KG' : '' }}
            </div>
            <div
              style="width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid white;border-bottom: 2px solid #09a578;">
            </div>
            <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #09a578;">
            </div>
          </div>
        </div>
        <!-- 其他信息 -->
        <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
          <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
          <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
            其他信息
          </div>
        </div>
        <div style="display: flex;margin-top:20px;border:2px solid #09a578">
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            出生身高/身长
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; ">
            {{ contents.chushengsg ? contents.chushengsg + 'CM' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            出生体重
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;  ">
            {{ contents.chushengtz ? contents.chushengtz + 'KG' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            腹围
          </div>
          <div style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;">
            {{ contents.fuwei ? contents.fuwei + 'CM' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            血型
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;">
            {{ contents.xuexing_value ? contents.xuexing_value : '' }}
          </div>
        </div>
        <div style="display: flex;border:2px solid #09a578;border-top:none;">
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            民族
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; ">
            {{ contents.minzu_value ? contents.minzu_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            与监护人关系
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;  ">
            {{ contents.guanxi_value ? contents.guanxi_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            家长受教育程度
          </div>
          <div style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;">
            {{ contents.jiaoyu_value ? contents.jiaoyu_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            出生情况
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;">
            {{ contents.birthSituation_value ? contents.birthSituation_value : '' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            头围
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
            {{ contents.touwei ? contents.touwei + 'CM' : '' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            每日摄水量
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
            {{ contents.water ? contents.water + 'ML' : '' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            儿童疾病情况
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
            {{ contents.Childhooddiseases ? contents.Childhooddiseases : '' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            过敏食物
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
            {{ contents.allergy_value ? contents.allergy_value : '' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            食物不耐受
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
            {{ contents.intolerance_value ? contents.intolerance_value : '' }}
          </div>
        </div>
        <div 
          style="width: 1070px; border-top: 2px solid #09a578; border-right: 2px solid #09a578; margin-top: 10px">
          <div style="display: flex" v-if="contents.Bad_value">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              妊娠不良习惯
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
              {{ contents.Bad_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex" v-if="contents.disease_value">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              妊娠疾病情况
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
              {{ contents.disease_value ?? '[]' }}
            </div>
          </div>
        </div>

        <!-- 孩子临床表现 -->
        <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
          <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
          <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
            儿童常见疾病
          </div>
        </div>
        <div style="width: 1070px;  border-top: 2px solid #09a578; border-right: 2px solid #09a578; margin-top: 10px">
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              五官科
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
              {{ contents.hair_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              皮肤科
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
              {{ contents.eye_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              消化系统
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
              {{ contents.skin_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              呼吸系统
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
              {{ contents.oralCavity_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              常见疾病和症状
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
              {{ contents.tooth_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              中医辩证病症
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
              {{ contents.neck_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex" v-if="contents.hair_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                头发
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.hair_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex" v-if="contents.eye_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                眼睛
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.eye_value ?? '[]' }} 
              </div>
            </div>
            <div style="display: flex" v-if="contents.skin_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                皮肤
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.skin_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex" v-if="contents.oralCavity_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                口腔
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.oralCavity_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex" v-if="contents.tooth_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                牙齿
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.tooth_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex" v-if="contents.neck_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                颈部
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.neck_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex" v-if="contents.Neuropathy_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                神经病变
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.Neuropathy_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex" v-if="contents.symptoms_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                神经症状
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.symptoms_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex" v-if="contents.sign_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                体征
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.sign_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex" v-if="contents.bones_value">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                骨骼
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.bones_value ?? '[]' }}
              </div>
            </div>
        </div>
        <div style="">
          <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
            <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
            <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
            <div
              style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
              儿童体质测评分析报告单</div>
          </div>
        </div>
        <!-- 体成分数据分析 -->
        <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
          <div><img src="../assets/img/13.jpg" style="height: 40px" alt="" /></div>
          <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
            体成分数据分析
          </div>
        </div>
        <ChildViewcomposition></ChildViewcomposition>

        <!-- <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              儿童生长发育报告解析
            </div>
          </div> -->
        <!-- 体质测评分析 -->
        <!-- <div style="width: 1071px;border:2px solid #2ab28b;margin-top:20px;">
              11111
          </div> -->
        <!-- 节段水分分析 -->
        <div style="margin-top: 10px; margin-bottom: 10px; margin-left: 30px"></div>

        <div style="">
          <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
            <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
            <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
            <div
              style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
              儿童膳食结构(FFQ)与膳食分析报告单</div>
          </div>
        </div>


        <!-- <div style="width: 100%; height: 40px;background-color: rgb(42, 178, 139);margin-top: 20px;display: flex;">
            <div><img src="../assets/img/14.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              膳食记录
            </div>
          </div>
          <div style="width:1071px;border:2px solid #09a578;margin:20px auto;text-align:center;">
            <div style="display:flex">
              <div class="biao1" style="width:15%;height:40px;line-height:40px">菜名</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">能量</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">脂肪</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">钙</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">镁</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">锌</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">维生素A</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">维生素B1</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">维生素C</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">蛋白质</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">碳水</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">钠</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">铁</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">硒</div>
              <div class="biao1" style="width:5.666%;height:40px;line-height:40px">维生素E</div>
              <div class="biao3" style="width:5.666%;height:40px;line-height:40px">维生素B2</div>
            </div>
            <div v-for="(item, index) in diet" :key="index">
              <div style="display:flex;">
                <div class="biao2" style="width:15%;height:40px;line-height:40px">{{ item.food_name }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.energy ?item.energy: 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.fat ?item.fat : 0 }} </div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.calcium ?item.calcium: 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.magnesium ?item.magnesium: 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.zinc ?item.zinc: 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.vitamin_a ? item.vitamin_a : 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.vitamin_b1 ?item.vitamin_b1:0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.vitamin_c ?item.vitamin_c : 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.protein ?item.protein: 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.carbohydrate ?item.carbohydrate: 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.sodium ?item.sodium : 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.iron ?item.iron : 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.selenium ?item.selenium: 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.vitamin_e ?item.vitamin_e: 0 }}</div>
                <div class="biao2" style="width:5.666%;height:40px;line-height:40px">{{ item.vitamin_b2 ?item.vitamin_b2: 0 }}</div>
              </div>
            </div>
          </div> -->

        <!-- 膳食评价 -->
        <ChildViewDietary></ChildViewDietary>
        <!-- 营养素 -->

        <div style="width: 100%;height: 40px; background-color: rgb(42, 178, 139);margin-top: 20px;display: flex;">
          <div><img src="../assets/img/17.jpg" style="height: 40px" alt="" /></div>
          <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
            能量&营养摄入量分析
          </div>
        </div>
        <div style="width:1071px;border:2px solid #09a578;margin:20px auto;">
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;">能量</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="energys">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;">蛋白质</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="proteins">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;">脂肪</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="fats">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 碳水化合物
            </div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="carbohydrates">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;">钙</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="calciums">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 钠</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="sodiums">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 镁</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="magnesiums">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 铁</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="irons">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 锌</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="zincs">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 硒</div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="seleniums">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素A
            </div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="vitamin_as">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素E
            </div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="vitamin_es">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素B1
            </div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="vitamin_b1s">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao1"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素B2
            </div>
            <div class="biao4" style="width:90%;padding-left: 5px;">
              <div v-html="vitamin_b2s">
              </div>
            </div>
          </div>
          <div style="display:flex">
            <div class="biao5"
              style="width:10%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素C
            </div>
            <div class="biao7" style="width:90%;padding-left: 5px;">
              <div v-html="vitamin_cs">
              </div>
            </div>
          </div>
        </div>


        <div
          style="width: 100%;height: 40px;background-color: rgb(42, 178, 139); margin:auto;margin-top: 20px;display: flex;">
          <div><img src="../assets/img/19.jpg" style="height: 40px" alt="" /></div>
          <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
            膳食结构分析(日均值)
          </div>
        </div>
        <div
          style="width:1071px;margin:20px auto;border:2px solid #09a578;text-align:center;line-height:40px;font-size: 10px;">
          <div style="display:flex;">
            <div class="biao1" style="width:14.5%">膳食结构</div>

            <div class="biao7"
              :style="item.product_energy < item.systam_down ? 'color:red' : item.product_energy >= item.systam_down && item.product_energy <= item.systam_up ? 'color:black' : 'color:red'"
              v-for="(item, index) in pagoda" :key="index" style="width:14.5%">{{ item.title == undefined
                ? '' : item.product_energy < item.systam_down ? '▼' + item.title : item.product_energy >= item.systam_down &&
                  item.product_energy <= item.systam_up ? '✔' + item.title : '▲' + item.title }} </div>
            </div>
            <div style="display:flex;">
              <div class="biao1" style="width:14.5%">推荐(g)</div>
              <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width:14.5%">{{
                item.title == undefined ? '' : item.systam_down + '~' + item.systam_up }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao5" style="width:14.5%">实际</div>
              <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width:14.5%">{{
                item.title == undefined ? '' : Math.floor(item.product_energy * 100) / 100 }}
              </div>
            </div>
            <div style="display:flex;">
              <div class="biao5" style="width:14.5%">占比</div>
              <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width:14.5%">
                <!-- {{ item.title==undefined?'':item.product_energy==0? 0+'%':item.product_energy>item.systam_down && item.product_energy< item.systam_up? 100+'%' : item.product_energy<item.systam_down? '-'+ Math.floor((((item.systam_down-item.product_energy)/item.systam_down)*100)*100)/100 +'%' : item.product_energy>item.systam_up? '+'+ Math.floor((((item.product_energy-item.systam_down)/item.systam_down)*100)*100)/100 +'%':''}} -->
                {{ item.product_energy < item.systam_down ? Math.floor((item.product_energy - item.systam_down) /
                  item.systam_down * 100 * 100) / 100 + '%' : item.product_energy >= item.systam_down &&
                    item.product_energy <= item.systam_up ? 100 + '%' : item.product_energy > item.systam_up ? '+' +
                      Math.floor(((item.product_energy - item.systam_up) / item.systam_up + 1) * 100 * 100) / 100 + '%' : ''
                }}
              </div>
            </div>
          </div>


          <!-- <div
            style="width: 100%;height: 40px;background-color: rgb(42, 178, 139); margin:auto;margin-top: 20px;display: flex;">
            <div><img src="../assets/img/19.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              儿童膳食分析报告解析
            </div>
          </div>

          <div style="width:1071px;margin:20px auto;border:2px solid #09a578;text-align:center;line-height:40px;font-size: 10px;">
            13123
          </div> -->

          <!-- 孕期营养干预报告 -->
          <div style="">
            <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
              <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div
                style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                儿童营养疾病膳食营养干预方案报告单</div>
            </div>
          </div>


          <div
            style="  width: 100%; height: 40px; background-color: rgb(42, 178, 139); margin-top: 20px;  display: flex; ">
            <div><img src="../assets/img/21.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              儿童饮食及生活方式原则
            </div>
          </div>
          <div style="width: 1061px;min-height: 150px; border: 2px solid #09a578;margin-top: 20px;padding-left:10px"
            v-html="principle">
          </div>
          <!-- 膳食方案明细 -->
          <div style="width: 100%; height: 40px;background-color: rgb(42, 178, 139);margin-top: 20px;display: flex;">
            <div><img src="../assets/img/22.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              膳食方案明细
            </div>
          </div>
          <div style="width:1071px;margin:20px auto;border:2px solid #09a578;line-height:40px;text-align:center;">
            <div style="display:flex;">
              <div class="biao1" style="height:40px;width:50%;color: #FFFFFF;">名称</div>
              <div class="biao3" style="height:40px;width:50%;color: #FFFFFF;">推荐值</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">能量</div>
              <div class="biao4" style="height:40px;width:50%;">{{ letEnergy.start }}～{{ letEnergy.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">碳水化合物</div>
              <div class="biao4" style="height:40px;width:50%;">{{ carbohydrate.start }}～{{ carbohydrate.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">蛋白质</div>
              <div class="biao4" style="height:40px;width:50%;">{{ protein.start }}～{{ protein.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">脂肪</div>
              <div class="biao4" style="height:40px;width:50%;">{{ fat.start }}～{{ fat.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">钙</div>
              <div class="biao4" style="height:40px;width:50%;">{{ calcium.start }}～{{ calcium.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">钠</div>
              <div class="biao4" style="height:40px;width:50%;">{{ sodium.start }}～{{ sodium.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">镁</div>
              <div class="biao4" style="height:40px;width:50%;">{{ magnesium.start }}～{{ magnesium.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">铁</div>
              <div class="biao4" style="height:40px;width:50%;">{{ iron.start }}～{{ iron.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">锌</div>
              <div class="biao4" style="height:40px;width:50%;">{{ zinc.start }}～{{ zinc.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">硒</div>
              <div class="biao4" style="height:40px;width:50%;">{{ selenium.start }}～{{ selenium.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">维生素A</div>
              <div class="biao4" style="height:40px;width:50%;">{{ vitamin_a.start }}～{{ vitamin_a.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">维生素E</div>
              <div class="biao4" style="height:40px;width:50%;">{{ vitamin_e.start }}～{{ vitamin_e.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">维生素B1</div>
              <div class="biao4" style="height:40px;width:50%;">{{ vitamin_b1.start }}～{{ vitamin_b1.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">维生素B2</div>
              <div class="biao4" style="height:40px;width:50%;">{{ vitamin_b2.start }}～{{ vitamin_b2.end }}</div>
            </div>
            <div style="display:flex;">
              <div class="biao2" style="height:40px;width:50%;">维生素C</div>
              <div class="biao4" style="height:40px;width:50%;">{{ vitamin_c.start }}～{{ vitamin_c.end }}</div>
            </div>
          </div>

          <div style=" width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 20px;display: flex;">
            <div><img src="../assets/img/23.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;"> 一周膳食清单</div>
          </div>
          <div style="margin:20px auto;border:2px solid #09a578;padding-bottom:325px">
            <div class="dietOn" v-for="item in diet_analysis" :key="item">
              <div class="time-botton">
                <img src="../assets/img/evaluaction_service_icon.png" alt="" style="width: 15px; height: 15px" />
                {{ item.pName }}
              </div>

              <div class="plates">
                <div class="time-type time-left-color">早餐</div>
                <div class="der">
                  <div style="margin-left:6%;padding-top: 6%;display:flex;flex-wrap: wrap;">
                    <span class="plates-top-img" v-for="breakfast in item.早餐" :key="breakfast">
                      <div :class="breakfast.meal_image == undefined ? 'state1' : 'state2'">
                        <img :src="'http://' + baseUrl + '/' + breakfast.meal_image" alt=""
                          style="width:100px;height:100px">
                      </div>

                    </span>
                    <span class="plates-top-img" v-for="earlier in item.早点" :key="earlier"><img
                        :src="'http://' + baseUrl + '/' + earlier.meal_image" alt=""
                        style="width: 100px;height: 100px"></span>
                  </div>
                </div>
                <div class="platesFoods">
                  <div>大小：{{ item.multiple }}倍</div>
                  <div> 早餐7:00: <span v-for="breakfast in item.早餐" :key="breakfast">
                      <span v-if="breakfast.food_name">
                        <o class="foodsNames">{{ breakfast.food_name }}</o> 重量:{{ breakfast.weight }}g;
                      </span>
                    </span>
                  </div>
                  <div>早点10:00: <span v-for="earlier in item.早点" :key="earlier">
                      <span v-if="earlier.food_name">
                        <o class="foodsNames">{{ earlier.food_name }}</o> 重量:{{ earlier.weight }}g;
                      </span>
                    </span>
                  </div>
                </div>
              </div>

              <div class="plates">
                <div class="time-type time-common-color">午餐</div>
                <div class="der">
                  <div style="margin-left: 6%; padding-top: 6%;flex-wrap: wrap;">
                    <span class="plates-top-img" v-for="lunch in item.午餐" :key="lunch">
                      <img :src="'http://' + baseUrl + '/' + lunch.meal_image" alt=""
                        style="width: 100px; height: 100px" />
                    </span>
                    <span class="plates-top-img" v-for="noon in item.午点" :key="noon">
                      <span v-if="noon.meal_image">
                        <img :src="'http://' + baseUrl + '/' + noon.meal_image" alt=""
                          style="width: 100px; height: 100px" />
                      </span>

                    </span>
                  </div>
                </div>

                <div class="platesFoods">
                  <div>大小：{{ item.multiple }}倍</div>
                  <div>午餐12:00: <span v-for="lunch in item.午餐" :key="lunch">
                      <o class="foodsNames">{{ lunch.food_name }}</o> 重量:{{ lunch.weight }}g;
                    </span>
                  </div>
                  <div> 午点15:00: <span v-for="noon in item.午点" :key="noon">
                      <span v-if="noon.food_name">
                        <o class="foodsNames">{{ noon.food_name }}</o> 重量:{{ noon.weight }}g;
                      </span>
                    </span>
                  </div>
                </div>
              </div>

              <div class="plates">
                <div class="time-type time-right-color">晚餐</div>
                <div class="der">
                  <div style="margin-left: 6%; padding-top: 6%;flex-wrap: wrap;"><span class="plates-top-img"
                      v-for="dinner in item.晚餐" :key="dinner"><img :src="'http://' + baseUrl + '/' + dinner.meal_image"
                        alt="" style="width: 100px; height: 100px" /></span>
                    <span class="plates-top-img" v-for="late in item.晚点" :key="late">
                      <span v-if="late.meal_image">
                        <img :src="'http://' + baseUrl + '/' + late.meal_image" alt=""
                          style="width: 100px; height: 100px" />
                      </span>
                    </span>
                  </div>
                </div>

                <div class="platesFoods">
                  <div>大小：{{ item.multiple }}倍</div>
                  <div>
                    晚餐18:00:
                    <span v-for="dinner in item.晚餐" :key="dinner">
                      <o class="foodsNames">{{ dinner.food_name }}</o> 重量:{{ dinner.weight }}g;
                    </span>
                  </div>
                  <div>晚点21:00: <span v-for="late in item.晚点" :key="late">
                      <span v-if="late.food_name">
                        <o class="foodsNames">{{ late.food_name }}</o> 重量:{{ late.weight }}g;
                      </span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 食物选择建议 -->
          <div style=" width: 100%; height: 40px; background-color: rgb(42, 178, 139); margin-top: 20px;display: flex; ">
            <div><img src="../assets/img/24.png" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">食物选择建议</div>
          </div>
          <!-- <textarea name="" id="" cols="30" rows="10" style="padding: 10px 10px;border: 2px solid #09a578; width: 1050px; min-height: 500px;resize:none;outline:medium;"></textarea> -->
          <div style="padding: 10px 10px;border: 2px solid #09a578; width: 1050px; min-height: 500px;">
            <div v-for="(item, index) in pagoda " :key="index">
              {{ proposal.filter((ite, index) => {
                return ite.food_product_id == item.food_product_id
              })[0] == undefined ? "" : item.title }}
              <div>
                <div v-if="item.product_energy < item.systam_down">
                  {{ proposal.filter((ite, index) => {
                    return ite.food_product_id == item.food_product_id
                  })[0] == undefined ? "" : proposal.filter((ite, index) => {
                    return ite.food_product_id == item.food_product_id
                  })[0].content }}
                </div>
                <div v-if="item.product_energy > item.systam_up">
                  {{ proposal1.filter((ite, index) => {
                    return ite.food_product_id == item.food_product_id
                  })[0] == undefined ? "" : proposal1.filter((ite, index) => {
                    return ite.food_product_id == item.food_product_id
                  })[0].content }}
                </div>
                <div v-if="item.product_energy >= item.systam_down && item.product_energy <= item.systam_up">
                  {{ proposal2.filter((ite, index) => {
                    return ite.food_product_id == item.food_product_id
                  })[0] == undefined ? "" : proposal2.filter((ite, index) => {
                    return ite.food_product_id == item.food_product_id
                  })[0].content }}
                </div>
              </div>
            </div>
          </div>
          <div>
          </div>
          <!-- 孕期营养处方 -->

          <!-- 生长发育曲线图 -->
          <div style="">
            <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
              <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div
                style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                儿童生长发育曲线图</div>
            </div>
          </div>
          <div style="display:flex;border: 2px solid #09a578;margin-top:20px">
            <div id="myChart1" :style="{ width: '33%', height: '550px', }"></div>
            <div id="myChart2" :style="{ width: '33%', height: '550px', }"></div>
            <div id="myChart3" :style="{ width: '33%', height: '550px', }"></div>
          </div>
          <!-- <div style="border: 2px solid #09a578;margin-top:20px;padding:20px 20px;font-size: 16px;">
            <div style="margin-top:5px;">1、您的BMI值测量结果为：{{BMI<18.5?'偏瘦':BMI<24 && BMI>=18.5?'正常':BMI<28 && BMI>=24?'偏胖':BMI>=28?'肥胖':''}}</div>
            <div style="margin-top:5px;">2、您的身高结果为：{{Height_s<contents.height?'偏高':'偏低'}}</div>
            <div style="margin-top:5px;">3、您的体重结果为：{{contents.weight>Weight_s?'偏重':'偏轻'}}</div>
          </div> -->
          <div style="" v-if="Risk">
            <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
              <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div
                style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                儿童营养风险筛查</div>
            </div>
          </div>
          <div v-if="Risk">
            <div style="border:2px solid #2AB28B;margin-top: 10px;padding: 20px 20px;">
              <div style="font-weight:bold;margin-top: 10px;">
                注:该表格筛查对象:1个月-18岁住院儿童，入院后24h内评估。前两项问题由儿科医生评估，后两项与父母或护理人员进行讨论后填写，回答“不清楚”的问题被归类为“否”。
              </div>
            </div>
            <div style="border:2px solid #2AB28B;padding: 10px 20px;border-top: none;">
              <div style="font-size:20px;font-weight:bold;">
                1、主管临床评分(1分)
              </div>
              <div style="margin-left:20px;margin-top: 10px;margin-bottom: 10px;">
                <el-radio-group v-model="radio1" class="ml-4" @change="radi1">
                  <el-radio label="1" size="large" border>患儿皮下脂肪菲薄、肌肉的减少、脸颊深陷等 <span
                      style="margin-left:50px">1分</span></el-radio>
                  <el-radio label="0" size="large" border>反之 <span style="margin-left:50px">0分</span></el-radio>
                </el-radio-group>
              </div>
            </div>
            <div style="border:2px solid #2AB28B;padding: 10px 20px;border-top: none;" @change="radi2">
              <div style="font-size:20px;font-weight:bold;">
                2、疾病严重程度(0-2分)
              </div>
              <div style="margin-left:20px;margin-top:10px;margin-bottom: 10px;">
                <el-radio-group v-model="radio2" class="ml-4">
                  <el-radio label="2" size="large" border>有高风险疾病 <span style="margin-left:50px">2分</span></el-radio>
                  <el-radio label="0" size="large" border>无 <span style="margin-left:50px">0分</span></el-radio>
                </el-radio-group>
              </div>
              <div style="display:flex;margin-left:20px;">
                <div class="risk_1"> (1)神经性厌食</div>
                <div class="risk_1">(2)烧伤</div>
                <div class="risk_1">(3)支气管发育不良(最大年龄2岁)</div>
                <div class="risk_1">(4)腹腔疾病</div>
              </div>
              <div style="display:flex;margin-left:20px;margin-top: 10px;">
                <div class="risk_1">(5) 囊性纤维化</div>
                <div class="risk_1">(6)成熟障碍/早产(校正年龄6个月)</div>
                <div class="risk_1">(7)慢性心脏病</div>
                <div class="risk_1">(8)传染病 (艾滋病)</div>
              </div>
              <div style="display:flex;margin-left:20px;margin-top: 10px;">
                <div class="risk_1">(9) 炎症性肠病</div>
                <div class="risk_1">(10)慢性肾脏病</div>
                <div class="risk_1">(11)胰腺炎</div>
                <div class="risk_1">(12)肿瘤</div>
                <div class="risk_1">(13)短肠综合症</div>
                <div class="risk_1">(14)肌肉疾病</div>
              </div>
              <div style="display:flex;margin-left:20px;margin-top: 10px;">
                <div class="risk_1">(15) 代谢性疾病</div>
                <div class="risk_1">(16)创伤</div>
                <div class="risk_1">(17)精神障碍/迟钝</div>
                <div class="risk_1">(18)预期大手术</div>
                <div class="risk_1">(19)法洛四联症</div>
              </div>
              <div style="display:flex;margin-left:20px;margin-top: 10px;">
                <div class="risk_1">(20) 和两种以上疾病共存者</div>
                <div class="risk_1">(21)为重度疾病，未明确 (由医生判断)</div>
              </div>
            </div>
            <div style="border:2px solid #2AB28B;padding: 10px 20px;border-top: none;" @change="radi3">
              <div style="font-size:20px;font-weight:bold;">
                3、营养的摄取与丢失 (1分)
              </div>
              <div style="margin-left:20px;margin-top:10px;margin-bottom:10px;">
                <el-radio-group v-model="radio3" class="ml-4">
                  <el-radio label="1" size="large" border>是否有以下症状之一 <span style="margin-left:50px">1分</span></el-radio>
                  <el-radio label="0" size="large" border>无 <span style="margin-left:50px">0分</span></el-radio>
                </el-radio-group>
              </div>
              <div style="margin-left:20px;">
                <div class="risk_1 risk_3"> (1)最近几天患儿存在腹泻(>5次/天)或呕吐(>3次/天)</div>
                <div class="risk_1 risk_3">(2)入院前进食量减少(不包括为了手术或其他原因禁食)</div>
                <div class="risk_1 risk_3">(3)支气管发育不良(最大年龄2岁)</div>
                <div class="risk_1 risk_3">(4)入院前曾经进行营养干预</div>
                <div class="risk_1 risk_3">(5)因为疼痛无法正常进食</div>
              </div>
            </div>
            <div style="border:2px solid #2AB28B;padding: 10px 20px;border-top: none;" @change="radi4">
              <div style="font-size:20px;font-weight:bold;">
                4、体重丢失或增长困难 (1分)
              </div>
              <div style="margin-left:20px;margin-top:10px;">
                <el-radio-group v-model="radio4" class="ml-4">
                  <el-radio label="1" size="large" border>最近几周或几个月有体重减轻，或体重不增(婴儿小于1岁) <span
                      style="margin-left:50px">1分</span></el-radio>
                  <el-radio label="0" size="large" border>无 <span style="margin-left:50px">0分</span></el-radio>
                </el-radio-group>
              </div>
            </div>
            <div style="border:2px solid #2AB28B;padding: 10px 20px;border-top: none;">
              <div style="font-size:20px;font-weight:bold;">
                总分：{{ total }}
              </div>
              <div style="margin-top:20px;margin-left: 20px;font-weight: bold;">
                (4-5分为重度营养风险，1-3分为中度营养风险，0分为轻度营养风险)
              </div>
              <div style="margin-top:20px;margin-left: 20px;font-weight: bold;">
                低风险:无需干预，定期复查体重，一周后再次评估营养风险。
              </div>
            </div>
          </div>
          <div style="">
            <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
              <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div
                style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                儿童营养综合评价建议报告单</div>
            </div>
          </div>

          <!-- 运动处方 -->
          <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../assets/img/26.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              喂养建议
            </div>
          </div>
          <div style="width: 1050px;border: 2px solid #09a578;min-height: 100px;margin-top: 20px;padding: 10px 10px;">
            <textarea name="" id="" cols="30" rows="10" style="width:100%;border:none;resize: none;outline: none;"
              v-model="FeedingRecommendations"></textarea>

          </div>
          <!-- 评估指导 -->
          <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              营养建议
            </div>
          </div>
          <div style="width: 1050px;border: 2px solid #09a578;min-height: 100px; margin-top: 20px;padding: 10px 10px;">
            <textarea name="" id="" cols="30" rows="10" style="width:100%;border:none;resize: none;outline: none;"
              v-model="NutritionRecommendations"></textarea>
          </div>
          <!-- 医生建议 -->
          <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              医生建议
            </div>
          </div>
          <div style="width: 1050px;border: 2px solid #09a578;min-height: 100px; margin-top: 20px;padding: 10px 10px;">
            <textarea name="" id="" cols="30" rows="10" style="width:100%;border:none;resize: none;outline: none;"
              v-model="DoctorRecommendations"></textarea>
          </div>
          <!-- 心理建议 -->
          <!-- <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              心理建议
            </div>
          </div>
          <div style="width: 1050px;border: 2px solid #09a578;min-height: 100px; margin-top: 20px;padding: 10px 10px;">
            <textarea name="" id="" cols="30" rows="10" style="width:100%;border:none;resize: none;outline: none;" v-model="DoctorRecommendations"></textarea>
          </div> -->
          <!-- 运动建议 -->
          <!-- <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              运动建议
            </div>
          </div>
          <div style="width: 1050px;border: 2px solid #09a578;min-height: 100px; margin-top: 20px;padding: 10px 10px;">
            <textarea name="" id="" cols="30" rows="10" style="width:100%;border:none;resize: none;outline: none;" v-model="DoctorRecommendations"></textarea>
          </div> -->
          <!-- 睡眠建议 -->
          <!-- <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              睡眠建议
            </div>
          </div>
          <div style="width: 1050px;border: 2px solid #09a578;min-height: 100px; margin-top: 20px;padding: 10px 10px;">
            <textarea name="" id="" cols="30" rows="10" style="width:100%;border:none;resize: none;outline: none;" v-model="DoctorRecommendations"></textarea>
          </div> -->
          <!-- 复诊预约 -->
          <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              复诊预约
            </div>
          </div>
          <!-- <div style="width: 1050px; border: 2px solid #09a578; min-height: 60px; margin-top: 20px;display: flex;">
            <div
              style="width: 13%;line-height: 60px;background-color: rgb(42, 178, 139);color: #fff;height: 100%;text-align: center; border-right: 2px solid #09a578;">
              复查建议及时间
            </div>
            <div>
              <div style="margin-top: 10px; margin-left: 10px">
                复诊建议∶为避免健康风险，请及时到院复诊
              </div>
              <div style="margin-top: 5px; margin-left: 10px">
                复查建议及时间 复诊时间∶2021-12-01
              </div>
            </div>
          </div> -->
          <div style="width: 30%;height: 40px;border: 2px solid #09a578;margin-top: 20px;margin-bottom: 20px;">
            <div
              style=" width: 42%;line-height: 40px;background-color: rgb(42, 178, 139);color:#fff;height: 100%;text-align: center;border-right: 2px solid #09a578;">
              医师签字
            </div>
            <div></div>
          </div>
          <div v-if="code_1 == 'true'"
            style="margin-top: 20px;height:200px;text-align: end;margin-right: 50px;margin-bottom:50px;">
            <img style="width: 200px;height:200px;" :src="'http://' + baseUrl + '/' + codeimg" alt="">
            <div style="margin-top:10px;font-size: 20px;font-weight: bold;">
              扫码关注公众号,获取在线报告
            </div>
          </div>
        </div>
      </div>
    </div>


    <div style="text-align: center;height: 100px;line-height: 100px">
      <el-radio-group v-model="typeActive">
        <el-radio label="全部">全部</el-radio>
        <template v-for="item in types">
          <span v-if="item" style="margin-right:10px;">
            <el-radio :label="item">{{ item }}</el-radio>
          </span>>
        </template>
      </el-radio-group>
      <div>
        <el-button type="primary" style="height: 60px;background-color: #2AB28B;border: #2AB28B" @click="onClickPrint">
          打印报告</el-button>
      </div>
    </div>
</template>

<script setup>
import { defineComponent, onMounted, ref, watch } from 'vue';
import { ElMessage } from "element-plus";
import * as api from "../api/loginHttp";
import http, { baseUrl } from "../utils/http";
import ChildViewDietary from '../views/common/ChildVD.vue';
import Header from './common/Header.vue';
import Drawer from './common/Drawer.vue';
import Childcomposition from './common/Childcomposition.vue';
import Childdietary from './common/Childdietary.vue';
import { useRoute, useRouter } from "vue-router"
import PrintJS from 'print-js'
import * as echarts from 'echarts'
import { ElNotification } from 'element-plus'
import ChildViewcomposition from './common/ChildViewcomposition.vue';

const router = useRouter()
const onBmishow = ref(1)
const route = useRoute()
const groupId = ref()
const id = ref()
const labName = ref()
const reportId = ref()
const printId = ref()
const myChart = ref()
const myChart1 = ref()
const myChart2 = ref()
const Titlename = ref()

const username = ref()
const guardian = ref()
const birthStatus = ref()
const proposals = ref()
const FeedingRecommendations = ref()
const NutritionRecommendations = ref()
const DoctorRecommendations = ref()
const wyjy = ref()
const yyjy = ref()
const ysjy = ref()
const BMI = ref()
const Height_s = ref()
const Weight_s = ref()
const Risk = ref([])
const radio1 = ref()
const radio2 = ref()
const radio3 = ref()
const radio4 = ref()
const total = ref()
const MemberId = ref()
const hospitalID = ref()
const codeimg = ref()
const Oneday = ref()
const code_1 = ref(false)


const qxty = ref()
const hospital_name = ref()
const report_time = ref()
const birth = ref()
const high_contents = ref({})
const early_intervention = ref({})
const data = ref()
const Monitoring_content = ref({})
const contents = ref({})
const isShow = ref(true)
const readonly = ref(true)
const proposal = ref({})
const proposal1 = ref({})
const proposal2 = ref({})
const display = ref(false)
const diet = ref({})
const pagoda = ref({})
const pagodas = ref({})
const principle = ref({})
const intake = ref({})
const letEnergy = ref({ energy: 0, start: 0, end: 0 });
const energys = ref({})
const protein = ref({ energy: 0, start: 0, end: 0 });
const proteins = ref({})
const fat = ref({ energy: 0, start: 0, end: 0 });
const fats = ref({})
const carbohydrate = ref({ energy: 0, start: 0, end: 0 });
const carbohydrates = ref({})
const calcium = ref({ energy: 0, start: 0, end: 0 });
const calciums = ref({})
const sodium = ref({ energy: 0, start: 0, end: 0 });
const sodiums = ref({})
const magnesium = ref({ energy: 0, start: 0, end: 0 });
const magnesiums = ref({})
const iron = ref({ energy: 0, start: 0, end: 0 });
const irons = ref({})
const zinc = ref({ energy: 0, start: 0, end: 0 });
const zincs = ref({})
const selenium = ref({ energy: 0, start: 0, end: 0 });
const seleniums = ref({})
const vitamin_a = ref({ energy: 0, start: 0, end: 0 });
const vitamin_as = ref({})
const vitamin_e = ref({ energy: 0, start: 0, end: 0 });
const vitamin_es = ref({})
const vitamin_b1 = ref({ energy: 0, start: 0, end: 0 });
const vitamin_b1s = ref({})
const vitamin_b2 = ref({ energy: 0, start: 0, end: 0 });
const vitamin_b2s = ref({})
const vitamin_c = ref({ energy: 0, start: 0, end: 0 });
const vitamin_cs = ref({})
const diet_analysis = ref({})
const kcalType = ref(2)
const bmi = ref()
const bmi_c = ref()
const form = ref({
  elText: '',
  elTextTwo: '',
  elTextThree: '',
})

const types = ref(['基本信息', '体成分分析', '膳食营养分析', '儿童生长发育曲线图', '喂养习惯报告', '营养风险筛查', '一日膳食推荐', '营养处方报告'])
// const types = ref(['基本信息', '体成分分析', '膳食营养分析', , '喂养习惯报告', '营养处方报告'])
const typeActive = ref(-1)

const fetchData = async () => {
  if (route.params.groupId) {
    groupId.value = route.params.groupId
    id.value = route.params.id
    reportId.value = route.params.reportId
    username.value = route.params.username
    guardian.value = route.params.guardian
    birthStatus.value = route.params.birth
    codeimg.value = window.localStorage.getItem('ercode')


    if (username.value && guardian.value && birthStatus.value) {
      isShow.value = false
    }

    if (groupId.value == 3) {
      labName.value = '婴幼儿营养测评'
    } else if (groupId.value == 5) {
      labName.value = '孕产妇营养测评'
    } else if (groupId.value == 6) {
      labName.value = '成年人营养测评'
    } else if (groupId.value == 7) {
      labName.value = '慢性病营养测评'
    } else if (groupId.value == 8) {
      labName.value = '团体营养测评'
    }

  }
  //获取二维码是否显示
  http.get('api/index/getAuth').then((res) => {
    let aray = res.data.data;
    let array = aray.split(',');
    if (array.includes('12')) {
      code_1.value = 'true'
    } else {
      code_1.value = 'false'
    }
    console.log(code_1.value)
  })

  // http.get('api/archives/getGenerateStatus?id=' + id.value + '&reportId=' + reportId.value).then((res) => {


  //     http.get('api/archives/generate?id=' + id.value + '&reportId=' + reportId.value + '&username=' + username.value + '&guardian=' + guardian.value + '&birth=' + birthStatus.value).then((res) => {
  //       if (res.data.code === 0) {
  //         ElMessage.error(res.data.msg)
  //         return false;
  //       }
  //     })

  // })

  Titlename.value = localStorage.getItem('Title');
  MemberId.value = localStorage.getItem('MemberId');
  //获取营养风险筛查表
  http.get('api/archives/screeningInfo?id=' + route.params.id).then((res) => {
    Risk.value = res.data.data.screening;
    if (res.data.data.screening) {
      radio1.value = res.data.data.screening[0].toString();
      radio2.value = res.data.data.screening[1].toString();
      radio3.value = res.data.data.screening[2].toString();
      radio4.value = res.data.data.screening[3].toString();
      total.value = res.data.data.screening[4].toString();
      types.value = ['基本信息', '体成分分析', '膳食营养分析', '儿童生长发育曲线图', '喂养习惯报告', '营养风险筛查', '营养处方报告']
    } else {
      types.value = ['基本信息', '体成分分析', '膳食营养分析', '儿童生长发育曲线图', '喂养习惯报告', '营养处方报告']
    }


  })
  const ress = await api.getonediet({ id: route.params.reportId });
  Oneday.value = ress.data.data;
  if (ress.data.data != null) {
    types.value = ['基本信息', '体成分分析', '膳食营养分析', '儿童生长发育曲线图', '喂养习惯报告', '营养风险筛查', '一日膳食推荐', '营养处方报告']
  } else {
    types.value = ['基本信息', '体成分分析', '膳食营养分析', '儿童生长发育曲线图', '喂养习惯报告', '营养风险筛查', '营养处方报告']
  }





  http.get('api/archives/viewReportMember?id=' + reportId.value + '&username=' + username.value + '&guardian=' + guardian.value + '&birth=' + birthStatus.value + '&admin_id=' + MemberId.value).then((res) => {
    BMI.value = res.data.data.bmi;
    var bmi1 = '';
    var bmi2 = '';
    bmi1 = res.data.data.bmi;
    if (bmi1 < 18.5) {
      bmi2 = '偏瘦'
    } else if (bmi1 < 24 && bmi1 >= 18.5) {
      bmi2 = '正常'
    } else if (bmi1 < 28 && bmi1 >= 24) {
      bmi2 = '偏胖'
    } else if (bmi1 >= 28) {
      bmi2 = '肥胖'
    }
    let color2 = ["#D0443B", "#3EA4AA"];
    let xAxisData = ["偏瘦", "正常", "偏胖", "肥胖",];
    var myChart = echarts.init(document.getElementById("myChart1"));
    myChart.value = myChart;
    myChart.setOption({
      backgroundColor: "#fff",
      color: color2,
      legend: {
        top: 20
      },
      tooltip: {
        trigger: "axis",
        formatter: function () {
          return "";
        }
      },
      grid: {
        top: 100,
        containLabel: true
      },
      xAxis: [
        {
          name: "",
          type: "category",
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
          data: xAxisData
        }
      ],
      yAxis: [
        {
          type: "value",
          name: "BMI值",
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }
        }
      ],
      series: [
        {
          // name: "2018",
          name: "国际",
          type: "line",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[0]
            }
          },
          symbol: "circle", //数据交叉点样式
          // itemStyle: {
          //     normal: {
          //         color: "white",
          //         borderColor: '#D0443B',
          //         borderWidth: 1,
          //     }
          // },
          data: [0, 18.5, 24.0, 28.0]
        },
        {
          name: "我的",
          type: "scatter",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[1]
            }
          },
          symbol: "circle", //数据交叉点样式 (实心点)
          // itemStyle: {
          //     normal: {
          //         color: "#ffffff",
          //         borderColor: '#3EA4AA',
          //         borderWidth: 1,
          //     }
          // },
          data: [[`${bmi2}`, `${bmi1}`]]
        }
      ]
    });
    window.addEventListener("resize", function () {
      myChart.resize();
    });
    localStorage.setItem('userinfo', res.data.data.contents)
    if (res.data.code === 0) {
      ElMessage.error(res.data.msg)
      return false;
    } else {

    }
    if (res.data.data.is_high == 1) {
      display.value = true
    } else {
      display.value = false
    }

    if (res.data.data.feed_advice) {
      FeedingRecommendations.value = res.data.data.feed_advice
    }
    if (res.data.data.nutrition_advice) {
      NutritionRecommendations.value = res.data.data.nutrition_advice
    }
    if (res.data.data.doctor_advice) {
      DoctorRecommendations.value = res.data.data.doctor_advice
    }




    birth.value = $getTimes(res.data.data.contents.birth)
    contents.value = res.data.data.contents;
    report_time.value = res.data.data.times

    // if (res.data.data.feed_advice != '' && res.data.data.feed_advice != null) {
    //   form.value.elText = res.data.data.feed_advice;
    // } else {
    //   form.value.elText = '当膳食方案中有食谱或食材不符合您的膳食习惯时，请先与医生确认，若医生认为某些食材对儿童的膳食营养改善很重要，要求不能置换或最好不要置换；其他类可进行同类食材替换，例如：猪肉、牛肉、羊肉之间可互换，鸡肉、鸭肉、鱼类之间可互换，蔬菜间可互换，米面间可互换，但要注意不要更改食材用量。\n' +
    //     '给儿童烹调食物时，宜尽可能保持食物的原味，口味以清淡为宜，少放调料。\n' +
    //     '每天应当进行至少1小时的户外游戏或运动，每天看电视、玩平板电脑的累计时间不超过2小时，日常生活中还可适当增加一些有氧活动例如：自行车、慢跑、跳绳、仰卧起坐、游泳等。';
    // }

    // if (res.data.data.nutrition_advice != '' && res.data.data.nutrition_advice != null) {
    //   form.value.elTextTwo = res.data.data.nutrition_advice;
    // } else {
    //   form.value.elTextTwo = '这个阶段是饮食行为和生活方式形成的关键时期，7岁前的儿童生活自理能力不断提高，自主性、好奇心、学习能力和模仿能力增强，该时期也是培养良好饮食习惯的重要阶段。\n' +
    //     '家长要有意识的培养孩子规律就餐，每天的饮食种类应该包含谷、肉、蛋、菜、奶、水果，自主进食不挑食的饮食习惯。';
    //   if (contents._rawValue.hair_value != '' || contents._rawValue.oralCavity_value != '' || contents._rawValue.neck_value != '' || contents._rawValue.Neuropathy_value != '' || contents._rawValue.symptoms_value != '') {
    //     form.value.elTextTwo = '这个阶段是饮食行为和生活方式形成的关键时期，7岁前的儿童生活自理能力不断提高，自主性、好奇心、学习能力和模仿能力增强，该时期也是培养良好饮食习惯的重要阶段。\n' +
    //       '家长要有意识的培养孩子规律就餐，每天的饮食种类应该包含谷、肉、蛋、菜、奶、水果，自主进食不挑食的饮食习惯。';
    //   } else if (contents._rawValue.eye_value != '') {
    //     form.value.elTextTwo = '平衡膳食，多摄入动物肝、肾、奶、蛋和深绿或红黄蔬菜、水果等富维生素A和β胡萝卜素食物。婴儿要及时添加含动物肝等辅食，没有母乳的婴儿需配方奶喂养。生后及时按预防量补充维生素A。幼儿膳食中要注意脂肪和含维生素A和β胡萝卜素食物搭配食用。患消化系统疾病及消耗性疾病的患儿需及时补充维生素A制剂。\n' +
    //       '长期摄入不足是导致维生素A缺乏的主要原因，儿童维生素A的主要来自1、肝脏、鱼油、奶制品、鸡蛋等动物性食物；2、绿叶蔬菜以及黄色或橙色的水果和蔬菜中富含各种胡罗卜素，可在体内转变为维生素A。对于人体来说，动物性食物中的VA要比植物性中的VA更容易吸收。';
    //   } else if (contents._rawValue.skin_value != '') {
    //     form.value.elTextTwo = '谷类、硬果、动物内脏、蛋类及酵母中维生素B1含量丰富，但需要注意谷类加工过度可损失维生素B1，以及生鱼和贝类含有破坏维生素B1的酶，所以在日常饮食中不长期食用精米、生鱼和贝类。还需要注意的是维生素B1易溶于水，在碱性条件下易受热破坏，所以过分淘米或烹调中加碱也可导致维生素B1大量损失。\n' +
    //       '富含维生素B2的食物主要是动物肝脏（如肝、肾、心）等、蛋黄和乳类。谷类的精细加工会导致所含的维生素B2流失，所以儿童日常饮食中还需要增加粗粮的比例以及保证每日鸡蛋和牛奶的摄入。';
    //   } else if (contents._rawValue.sign_value != '') {
    //     form.value.elTextTwo = '足量的食物，平衡膳食，规律就餐，不偏食不挑食，每天饮奶多喝水，避免含糖饮料，是保障儿童生长发育的关键。日常生活中选择健康有营养的零食，避免含糖饮料和高脂肪的油炸食物，导致儿童正餐不按量食用。\n' +
    //       '营养不良的儿童，要在保证能量摄入充足的基础上，增加鱼、禽、蛋、瘦肉、豆制品等富含优质蛋白质的食物的摄入，经常使用奶及奶制品，每天吃新鲜的蔬菜水果；保证一日三餐，纠正偏食和过度节食等不健康饮食行为，并保持适宜的身体活动。';
    //   } else if (contents._rawValue.sign_value != '') {
    //     form.value.elTextTwo = '奶和奶制品是儿童钙的主要来源，也是最佳来源。绿色蔬菜、大豆及其制品特殊含有较高的钙，可作为补充来源。 需要特别注意的是钙在体内主动吸收需要维生素D，维生素D缺乏或不足时，钙主动吸收下降间接造成改缺乏。此外，运动锻炼也是骨骼健康的重要决定因素，跑、跳等中等程度的运动有利于骨骼钙沉积，达到更高的估量峰值。'
    //   }
    // }

    // form.value.elTextThree = res.data.data.doctor_advice;
  })


  let params = {
    'groupId': groupId.value,
    'id': id.value,
    'reportId': reportId.value,
    'username': username.value,
    'guardian': guardian.value,
    'birth': birth.value,
  }
  const data = await api.energy(params);


  if (data.data.code == 0) {
    ElMessage.error(data.data.msg)
    return false;
    await router.push({ 'path': '/Evaluation/' + groupId.value + '/' + id })
  }

  if (!data.data.data.diet_analysis) {
    ElMessage.error(data.data.msg)
    return false;
    await router.push({ 'path': '/Evaluation/' + groupId.value + '/' + id })
  }

  for (let i = 0; i < data.data.data.diet_analysis.length; i++) {
    switch (i) {
      case 0:
        data.data.data.diet_analysis[i]['pName'] = '周一';
        break
      case 1:
        data.data.data.diet_analysis[i]['pName'] = '周二';
        break
      case 2:
        data.data.data.diet_analysis[i]['pName'] = '周三';
        break
      case 3:
        data.data.data.diet_analysis[i]['pName'] = '周四';
        break
      case 4:
        data.data.data.diet_analysis[i]['pName'] = '周五';
        break
      case 5:
        data.data.data.diet_analysis[i]['pName'] = '周六';
        break
      case 6:
        data.data.data.diet_analysis[i]['pName'] = '周日';
        break
    }
  }

  diet_analysis.value = data.data.data.diet_analysis;

  for (let i = 0; i < data.data.data.diet.length; i++) {

    if (parseInt(data.data.data.diet[i]['energy']) !== parseInt(data.data.data.diet[i]['energy'])) {
      data.data.data.diet[i]['energy'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['protein']) !== parseInt(data.data.data.diet[i]['protein'])) {
      data.data.data.diet[i]['protein'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['fat']) !== parseInt(data.data.data.diet[i]['fat'])) {
      data.data.data.diet[i]['fat'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['carbohydrate']) !== parseInt(data.data.data.diet[i]['carbohydrate'])) {
      data.data.data.diet[i]['carbohydrate'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['calcium']) !== parseInt(data.data.data.diet[i]['calcium'])) {
      data.data.data.diet[i]['calcium'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['sodium']) !== parseInt(data.data.data.diet[i]['sodium'])) {
      data.data.data.diet[i]['sodium'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['magnesium']) !== parseInt(data.data.data.diet[i]['magnesium'])) {
      data.data.data.diet[i]['magnesium'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['iron']) !== parseInt(data.data.data.diet[i]['iron'])) {
      data.data.data.diet[i]['iron'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['zinc']) !== parseInt(data.data.data.diet[i]['zinc'])) {
      data.data.data.diet[i]['zinc'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['selenium']) !== parseInt(data.data.data.diet[i]['selenium'])) {
      data.data.data.diet[i]['selenium'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_a']) !== parseInt(data.data.data.diet[i]['vitamin_a'])) {
      data.data.data.diet[i]['vitamin_a'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_e']) !== parseInt(data.data.data.diet[i]['vitamin_e'])) {
      data.data.data.diet[i]['vitamin_e'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_b1']) !== parseInt(data.data.data.diet[i]['vitamin_b1'])) {
      data.data.data.diet[i]['vitamin_b1'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_b2']) !== parseInt(data.data.data.diet[i]['vitamin_b2'])) {
      data.data.data.diet[i]['vitamin_b2'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_c']) !== parseInt(data.data.data.diet[i]['vitamin_c'])) {
      data.data.data.diet[i]['vitamin_c'] = 0;
    }
    letEnergy._value.energy = letEnergy._value.energy + (data.data.data.diet[i]['energy']) * 1;
    protein._value.energy = protein._value.energy + (data.data.data.diet[i]['protein']) * 1;
    fat._value.energy = fat._value.energy + (data.data.data.diet[i]['fat']) * 1;
    carbohydrate._value.energy = carbohydrate._value.energy + (data.data.data.diet[i]['carbohydrate']) * 1;
    calcium._value.energy = calcium._value.energy + (data.data.data.diet[i]['calcium']) * 1;
    sodium._value.energy = sodium._value.energy + (data.data.data.diet[i]['sodium']) * 1;
    magnesium._value.energy = magnesium._value.energy + (data.data.data.diet[i]['magnesium']) * 1;
    iron._value.energy = iron._value.energy + (data.data.data.diet[i]['iron']) * 1;
    zinc._value.energy = zinc._value.energy + (data.data.data.diet[i]['zinc']) * 1;
    selenium._value.energy = selenium._value.energy + (data.data.data.diet[i]['selenium']) * 1;
    vitamin_a._value.energy = vitamin_a._value.energy + (data.data.data.diet[i]['vitamin_a']) * 1;
    vitamin_e._value.energy = vitamin_e._value.energy + (data.data.data.diet[i]['vitamin_e']) * 1;
    vitamin_b1._value.energy = vitamin_b1._value.energy + (data.data.data.diet[i]['vitamin_b1']) * 1;
    vitamin_b2._value.energy = vitamin_b2._value.energy + (data.data.data.diet[i]['vitamin_b2']) * 1;
    vitamin_c._value.energy = vitamin_c._value.energy + (data.data.data.diet[i]['vitamin_c']) * 1;
  }

  letEnergy._value.energy = (letEnergy._value.energy).toFixed(2);
  protein._value.energy = (protein._value.energy).toFixed(2);
  fat._value.energy = (fat._value.energy).toFixed(2);
  carbohydrate._value.energy = (carbohydrate._value.energy).toFixed(2);
  calcium._value.energy = (calcium._value.energy).toFixed(2);
  sodium._value.energy = (sodium._value.energy).toFixed(2);
  magnesium._value.energy = (magnesium._value.energy).toFixed(2);
  iron._value.energy = (iron._value.energy).toFixed(2);
  zinc._value.energy = (zinc._value.energy).toFixed(2);
  selenium._value.energy = (selenium._value.energy).toFixed(2);
  vitamin_a._value.energy = (vitamin_a._value.energy).toFixed(2);
  vitamin_e._value.energy = (vitamin_e._value.energy).toFixed(2);
  vitamin_b1._value.energy = (vitamin_b1._value.energy).toFixed(2);
  vitamin_b2._value.energy = (vitamin_b2._value.energy).toFixed(2);
  vitamin_c._value.energy = (vitamin_c._value.energy).toFixed(2);

  letEnergy._value.start = data.data.data.packAge[0].start_package;
  letEnergy._value.end = data.data.data.packAge[0].end_package;
  letEnergy._value.keyword = '✔ 正常';
  letEnergy._value.color = 'everyBlack';

  //能量
  if (letEnergy._value.energy < letEnergy._value.start) {

    letEnergy._value.keyword = '▼ 不足';
    letEnergy._value.color = 'everyRed';
    kcalType.value = 3
  } else if (letEnergy._value.energy > letEnergy._value.end) {

    letEnergy._value.keyword = '▲ 超标';
    letEnergy._value.color = 'everyOrange';
    kcalType.value = 1
  }

  //蛋白质
  protein._value.start = data.data.data.packAge[1].start_package;
  protein._value.end = data.data.data.packAge[1].end_package;
  protein._value.keyword = '✔ 正常';
  protein._value.color = 'everyBlack';
  if (protein._value.energy < protein._value.start) {
    protein._value.keyword = '▼ 不足';
    protein._value.color = 'everyRed';
  } else if (protein._value.energy > protein._value.end) {
    protein._value.keyword = '▲ 超标';
    protein._value.color = 'everyOrange';
  }
  //脂肪
  fat._value.start = data.data.data.packAge[2].start_package;
  fat._value.end = data.data.data.packAge[2].end_package;
  fat._value.keyword = '✔ 正常';
  fat._value.color = 'everyBlack';
  if (fat._value.energy < fat._value.start) {
    fat._value.keyword = '▼ 不足';
    fat._value.color = 'everyRed';
  } else if (fat._value.energy > fat._value.end) {
    fat._value.keyword = '▲ 超标';
    fat._value.color = 'everyOrange';
  }
  //碳水化合物
  carbohydrate._value.start = data.data.data.packAge[3].start_package;
  carbohydrate._value.end = data.data.data.packAge[3].end_package;
  carbohydrate._value.keyword = '✔ 正常';
  carbohydrate._value.color = 'everyBlack';
  if (carbohydrate._value.energy < carbohydrate._value.start) {
    carbohydrate._value.keyword = '▼ 不足';
    carbohydrate._value.color = 'everyRed';
  } else if (carbohydrate._value.energy > carbohydrate._value.end) {
    carbohydrate._value.keyword = '▲ 超标';
    carbohydrate._value.color = 'everyOrange';
  }

  //钙
  calcium._value.start = data.data.data.packAge[4].start_package;
  calcium._value.end = data.data.data.packAge[4].end_package;
  calcium._value.keyword = '✔ 正常';
  calcium._value.color = 'everyBlack';
  if (calcium._value.energy < calcium._value.start) {
    calcium._value.keyword = '▼ 不足';
    calcium._value.color = 'everyRed';
  } else if (calcium._value.energy > calcium._value.end) {
    calcium._value.keyword = '▲ 超标';
    calcium._value.color = 'everyOrange';
  }
  //钠
  sodium._value.start = data.data.data.packAge[5].start_package;
  sodium._value.end = data.data.data.packAge[5].end_package;
  sodium._value.keyword = '✔ 正常';
  sodium._value.color = 'everyBlack';
  if (sodium._value.energy < sodium._value.start) {
    sodium._value.keyword = '▼ 不足';
    sodium._value.color = 'everyRed';
  } else if (sodium._value.energy > sodium._value.end) {
    sodium._value.keyword = '▲ 超标';
    sodium._value.color = 'everyOrange';
  }
  //镁
  magnesium._value.start = data.data.data.packAge[6].start_package;
  magnesium._value.end = data.data.data.packAge[6].end_package;
  magnesium._value.keyword = '✔ 正常';
  magnesium._value.color = 'everyBlack';
  if (magnesium._value.energy < magnesium._value.start) {
    magnesium._value.keyword = '▼ 不足';
    magnesium._value.color = 'everyRed';
  } else if (magnesium._value.energy > magnesium._value.end) {
    magnesium._value.keyword = '▲ 超标';
    magnesium._value.color = 'everyOrange';
  }
  //铁
  iron._value.start = data.data.data.packAge[7].start_package;
  iron._value.end = data.data.data.packAge[7].end_package;
  iron._value.keyword = '✔ 正常';
  iron._value.color = 'everyBlack';
  if (iron._value.energy < iron._value.start) {
    iron._value.keyword = '▼ 不足';
    iron._value.color = 'everyRed';
  } else if (iron._value.energy > iron._value.end) {
    iron._value.keyword = '▲ 超标';
    iron._value.color = 'everyOrange';
  }
  //锌
  zinc._value.start = data.data.data.packAge[8].start_package;
  zinc._value.end = data.data.data.packAge[8].end_package;
  zinc._value.keyword = '✔ 正常';
  zinc._value.color = 'everyBlack';
  if (zinc._value.energy < zinc._value.start) {
    zinc._value.keyword = '▼ 不足';
    zinc._value.color = 'everyRed';
  } else if (zinc._value.energy > zinc._value.end) {
    zinc._value.keyword = '▲ 超标';
    zinc._value.color = 'everyOrange';
  }
  //硒
  selenium._value.start = data.data.data.packAge[9].start_package;
  selenium._value.end = data.data.data.packAge[9].end_package;
  selenium._value.keyword = '✔ 正常';
  selenium._value.color = 'everyBlack';
  if (selenium._value.energy < selenium._value.start) {
    selenium._value.keyword = '▼ 不足';
    selenium._value.color = 'everyRed';
  } else if (selenium._value.energy > selenium._value.end) {
    selenium._value.keyword = '▲ 超标';
    selenium._value.color = 'everyOrange';
  }
  // 维生素A
  vitamin_a._value.start = data.data.data.packAge[10].start_package;
  vitamin_a._value.end = data.data.data.packAge[10].end_package;
  vitamin_a._value.keyword = '✔ 正常';
  vitamin_a._value.color = 'everyBlack';
  if (vitamin_a._value.energy < vitamin_a._value.start) {
    vitamin_a._value.keyword = '▼ 不足';
    vitamin_a._value.color = 'everyRed';
  } else if (vitamin_a._value.energy > vitamin_a._value.end) {
    vitamin_a._value.keyword = '▲ 超标';
    vitamin_a._value.color = 'everyOrange';
  }
  //维生素E
  vitamin_e._value.start = data.data.data.packAge[11].start_package;
  vitamin_e._value.end = data.data.data.packAge[11].end_package;
  vitamin_e._value.keyword = '✔ 正常';
  vitamin_e._value.color = 'everyBlack';
  if (vitamin_e._value.energy < vitamin_e._value.start) {
    vitamin_e._value.keyword = '▼ 不足';
    vitamin_e._value.color = 'everyRed';
  } else if (vitamin_e._value.energy > vitamin_e._value.end) {
    vitamin_e._value.keyword = '▲ 超标';
    vitamin_e._value.color = 'everyOrange';
  }
  //维生素B1
  vitamin_b1._value.start = data.data.data.packAge[12].start_package;
  vitamin_b1._value.end = data.data.data.packAge[12].end_package;
  vitamin_b1._value.keyword = '✔ 正常';
  vitamin_b1._value.color = 'everyBlack';
  if (vitamin_b1._value.energy < vitamin_b1._value.start) {
    vitamin_b1._value.keyword = '▼ 不足';
    vitamin_b1._value.color = 'everyRed';
  } else if (vitamin_b1._value.energy > vitamin_b1._value.end) {
    vitamin_b1._value.keyword = '▲ 超标';
    vitamin_b1._value.color = 'everyOrange';
  }
  //维生素B2
  vitamin_b2._value.start = data.data.data.packAge[13].start_package;
  vitamin_b2._value.end = data.data.data.packAge[13].end_package;
  vitamin_b2._value.keyword = '✔ 正常';
  vitamin_b2._value.color = 'everyBlack';
  if (vitamin_b2._value.energy < vitamin_b2._value.start) {
    vitamin_b2._value.keyword = '▼ 不足';
    vitamin_b2._value.color = 'everyRed';
  } else if (vitamin_b2._value.energy > vitamin_b2._value.end) {
    vitamin_b2._value.keyword = '▲ 超标';
    vitamin_b2._value.color = 'everyOrange';
  }
  //维生素C
  vitamin_c._value.start = data.data.data.packAge[14].start_package;
  vitamin_c._value.end = data.data.data.packAge[14].end_package;
  vitamin_c._value.keyword = '✔ 正常';
  vitamin_c._value.color = 'everyBlack';
  if (vitamin_c._value.energy < vitamin_c._value.start) {
    vitamin_c._value.keyword = '▼ 不足';
    vitamin_c._value.color = 'everyRed';
  } else if (vitamin_c._value.energy > vitamin_c._value.end) {
    vitamin_c
    vitamin_c._value.keyword = '▲ 超标';
    vitamin_c._value.color = 'everyOrange';
  }
}

onMounted(() => {
  // if (location.href.indexOf("#reloaded") == -1) {
  //       location.href = location.href + "#reloaded";
  //       location.reload();
  //   }
  fetchData()
})

const onKeep = async () => {
  let params = { elText: FeedingRecommendations.value, elTextTwo: NutritionRecommendations.value, elTextThree: DoctorRecommendations.value }
  params['reportId'] = reportId.value
  const res = await api.setAdvice(params);
  if (res.data.code === 1) {
    ElNotification({
      title: '建议保存成功',
      message: res.data.msg,
      type: 'success',
    })
    return false;
  } else {
    ElNotification({
      title: '建议保存失败',
      message: res.data.msg,
      type: 'error',
    })
    return false;
  }
}

function $getTimes(params) {
  var date = new Date(params);
  var y = date.getFullYear();
  var m = date.getMonth() + 1;
  m = m < 10 ? "0" + m : m;
  var d = date.getDate();
  d = d < 10 ? "0" + d : d;
  const time = y + "-" + m + "-" + d;
  return time;
}

const onClickPrint = () => {
  let printParam = '';
  if (username.value && guardian.value && birthStatus.value) {
    printParam = "/" + username.value + "/" + guardian.value + "/" + birthStatus.value;
  }
  if (typeActive.value === '全部') {
    let PrintAll = router.resolve({
      path: "/PrintViewAlls/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
    });
    window.open(PrintAll.href, "_blank");
  } else {

    switch (typeActive.value) {
      case '基本信息':
        let PrintMember = router.resolve({
          path: "/PrintMembers/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
        });
        window.open(PrintMember.href, "_blank");
        break
      case '体成分分析':
        let PrintAnalysis = router.resolve({
          path: "/PrintAnalysiss/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
        });
        window.open(PrintAnalysis.href, "_blank");
        break
      case '膳食营养分析':
        let PrintComposition = router.resolve({
          path: "/PrintComposition/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
        });
        window.open(PrintComposition.href, "_blank");
        break
      case '儿童生长发育曲线图':
        let PrintDiagram = router.resolve({
          path: "/PrintDiagram/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
        });
        window.open(PrintDiagram.href, "_blank");
        break
      case '喂养习惯报告':
        let PrintFeedhabits = router.resolve({
          path: "/PrintFeedhabits/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
        });
        window.open(PrintFeedhabits.href, "_blank");
        break
      case '营养风险筛查':
        let Risks = router.resolve({
          path: "/Risks/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
        });
        window.open(Risks.href, "_blank");
        break
      case '一日膳食推荐':
        let Cookbook = router.resolve({
          path: "/Cookbook/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
        });
        window.open(Cookbook.href, "_blank");
        break
      case '营养处方报告':
        let PrintPrescription = router.resolve({
          path: "/PrintPrescription/" + groupId.value + "/" + id.value + "/" + reportId.value + printParam
        });
        window.open(PrintPrescription.href, "_blank");
        break
    }

    // print(typeActive.value)
  }
}
onMounted(() => { // 需要获取到element,所以是onMounted的Hook
  http.get('api/archives/viewreport?id=' + reportId.value + '&username=' + username.value + '&guardian=' + guardian.value + '&birth=' + birthStatus.value).then((res) => {
    pagoda.value = res.data.data.pagoda;
    if (res.data.data.contents.water) {
      pagoda.value[0].product_energy = parseFloat(res.data.data.contents.water);

    } else {
      // pagoda.value[0].product_energy=0;
    }
    res.data.data.diet.map((item, index) => {
      item.energy = Math.floor(item.energy * 100) / 100;
      item.fat = Math.floor(item.fat * 100) / 100;
      item.calcium = Math.floor(item.calcium * 100) / 100;
      item.magnesium = Math.floor(item.magnesium * 100) / 100;
      item.zinc = Math.floor(item.zinc * 100) / 100;
      item.vitamin_a = Math.floor(item.vitamin_a * 100) / 100;
      item.vitamin_b1 = Math.floor(item.vitamin_b1 * 100) / 100;
      item.vitamin_c = Math.floor(item.vitamin_c * 100) / 100;
      item.protein = Math.floor(item.protein * 100) / 100;
      item.carbohydrate = Math.floor(item.carbohydrate * 100) / 100;
      item.sodium = Math.floor(item.sodium * 100) / 100;
      item.iron = Math.floor(item.iron * 100) / 100;
      item.selenium = Math.floor(item.selenium * 100) / 100;
      item.vitamin_e = Math.floor(item.vitamin_e * 100) / 100;
      item.vitamin_b2 = Math.floor(item.vitamin_b2 * 100) / 100;


    })
    diet.value = res.data.data.diet;


    proposal.value = res.data.data.foodselection.filter((item, index) => {
      return item.up_type == 2
    })
    proposal1.value = res.data.data.foodselection.filter((item, index) => {
      return item.up_type == 1
    })
    proposal2.value = res.data.data.foodselection.filter((item, index) => {
      return item.up_type == 3
    })
    data.value = res.data.data


    // 能量
    if (letEnergy._value.energy < letEnergy.value.start) {
      principle.value = data.value.foodliving[2].content;
      // console.log(data.value.foodliving[2],'能量1')
      energys.value = data.value.foodmotion[2].content;
      if (!FeedingRecommendations.value) {
        FeedingRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 1 }).filter(item => { return item.up_type == 2 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!NutritionRecommendations.value) {
        NutritionRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 2 }).filter(item => { return item.up_type == 2 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!DoctorRecommendations.value) {
        DoctorRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 3 }).filter(item => { return item.up_type == 2 })[0].content.replace(/<.*?>/ig, "");
      }
      letEnergy._value.keyword = '▼ 不足';
      letEnergy._value.color = 'everyRed';
      kcalType.value = 3
    } else if (letEnergy._value.energy > letEnergy.value.end) {
      principle.value = data.value.foodliving[1].content;
      energys.value = data.value.foodmotion[0].content;
      // console.log(data.value.foodliving[1],'能量1')
      if (!FeedingRecommendations.value) {
        FeedingRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 1 }).filter(item => { return item.up_type == 1 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!NutritionRecommendations.value) {
        NutritionRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 2 }).filter(item => { return item.up_type == 1 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!DoctorRecommendations.value) {
        DoctorRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 3 }).filter(item => { return item.up_type == 1 })[0].content.replace(/<.*?>/ig, "");
      }
      letEnergy._value.keyword = '▲ 超标';
      letEnergy._value.color = 'everyOrange';
      kcalType.value = 1
    } else {
      principle.value = data.value.foodliving[0].content;
      energys.value = data.value.foodmotion[1].content;
      // console.log(data.value.foodliving[0],'能量1')
      if (!FeedingRecommendations.value) {
        FeedingRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 1 }).filter(item => { return item.up_type == 3 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!NutritionRecommendations.value) {
        NutritionRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 2 }).filter(item => { return item.up_type == 3 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!DoctorRecommendations.value) {
        DoctorRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 3 }).filter(item => { return item.up_type == 3 })[0].content.replace(/<.*?>/ig, "");
      }
    }
    //  蛋白质
    if (protein._value.energy < protein._value.start) {
      proteins.value = data.value.foodmotion[5].content;
      protein._value.keyword = '▼ 不足';
      protein._value.color = 'everyRed';
    } else if (protein._value.energy > protein._value.end) {
      proteins.value = data.value.foodmotion[3].content;
      protein._value.keyword = '▲ 超标';
      protein._value.color = 'everyOrange';
    } else {
      proteins.value = data.value.foodmotion[4].content;
    }
    //脂肪
    if (fat._value.energy < fat._value.start) {
      fats.value = data.value.foodmotion[8].content;
      fat._value.keyword = '▼ 不足';
      fat._value.color = 'everyRed';
    } else if (fat._value.energy > fat._value.end) {
      fats.value = data.value.foodmotion[6].content;
      fat._value.keyword = '▲ 超标';
      fat._value.color = 'everyOrange';
    } else {
      fats.value = data.value.foodmotion[7].content;
    }
    console.log(proteins.value, '12345')
    //碳水化合物
    if (carbohydrate._value.energy < carbohydrate._value.start) {
      carbohydrates.value = data.value.foodmotion[11].content;
      carbohydrate._value.keyword = '▼ 不足';
      carbohydrate._value.color = 'everyRed';
    } else if (carbohydrate._value.energy > carbohydrate._value.end) {
      carbohydrates.value = data.value.foodmotion[9].content;
      carbohydrate._value.keyword = '▲ 超标';
      carbohydrate._value.color = 'everyOrange';
    } else {
      carbohydrates.value = data.value.foodmotion[10].content;
    }
    //钙
    if (calcium._value.energy < calcium._value.start) {
      calciums.value = data.value.foodmotion[14].content;
      calcium._value.keyword = '▼ 不足';
      calcium._value.color = 'everyRed';
    } else if (calcium._value.energy > calcium._value.end) {
      calciums.value = data.value.foodmotion[12].content;
      calcium._value.keyword = '▲ 超标';
      calcium._value.color = 'everyOrange';
    } else {
      calciums.value = data.value.foodmotion[13].content;
    }
    //钠
    if (sodium._value.energy < sodium._value.start) {
      sodiums.value = data.value.foodmotion[17].content;
      sodium._value.keyword = '▼ 不足';
      sodium._value.color = 'everyRed';
    } else if (sodium._value.energy > sodium._value.end) {
      sodiums.value = data.value.foodmotion[15].content;
      sodium._value.keyword = '▲ 超标';
      sodium._value.color = 'everyOrange';
    } else {
      sodiums.value = data.value.foodmotion[16].content;
    }
    //镁
    if (magnesium._value.energy < magnesium._value.start) {
      magnesiums.value = data.value.foodmotion[20].content;
      magnesium._value.keyword = '▼ 不足';
      magnesium._value.color = 'everyRed';
    } else if (magnesium._value.energy > magnesium._value.end) {
      magnesiums.value = data.value.foodmotion[18].content;
      magnesium._value.keyword = '▲ 超标';
      magnesium._value.color = 'everyOrange';
    } else {
      magnesiums.value = data.value.foodmotion[19].content;
    }
    //铁
    if (iron._value.energy < iron._value.start) {
      irons.value = data.value.foodmotion[23].content;
      iron._value.keyword = '▼ 不足';
      iron._value.color = 'everyRed';
    } else if (iron._value.energy > iron._value.end) {
      irons.value = data.value.foodmotion[21].content;
      iron._value.keyword = '▲ 超标';
      iron._value.color = 'everyOrange';
    } else {
      irons.value = data.value.foodmotion[22].content;
    }
    //锌
    if (zinc._value.energy < zinc._value.start) {
      zincs.value = data.value.foodmotion[26].content;
      zinc._value.keyword = '▼ 不足';
      zinc._value.color = 'everyRed';
    } else if (zinc._value.energy > zinc._value.end) {
      zincs.value = data.value.foodmotion[24].content;
      zinc._value.keyword = '▲ 超标';
      zinc._value.color = 'everyOrange';
    } else {
      zincs.value = data.value.foodmotion[25].content;
    }
    //硒
    if (selenium._value.energy < selenium._value.start) {
      seleniums.value = data.value.foodmotion[29].content;
      selenium._value.keyword = '▼ 不足';
      selenium._value.color = 'everyRed';
    } else if (selenium._value.energy > selenium._value.end) {
      seleniums.value = data.value.foodmotion[27].content;
      selenium._value.keyword = '▲ 超标';
      selenium._value.color = 'everyOrange';
    } else {
      seleniums.value = data.value.foodmotion[28].content;
    }
    //维生素A
    if (vitamin_a._value.energy < vitamin_a._value.start) {
      vitamin_as.value = data.value.foodmotion[32].content;
      vitamin_a._value.keyword = '▼ 不足';
      vitamin_a._value.color = 'everyRed';
    } else if (vitamin_a._value.energy > vitamin_a._value.end) {
      vitamin_as.value = data.value.foodmotion[30].content;
      vitamin_a._value.keyword = '▲ 超标';
      vitamin_a._value.color = 'everyOrange';
    } else {
      vitamin_as.value = data.value.foodmotion[31].content;
    }
    //维生素E
    if (vitamin_e._value.energy < vitamin_e._value.start) {
      vitamin_es.value = data.value.foodmotion[35].content;
      vitamin_e._value.keyword = '▼ 不足';
      vitamin_e._value.color = 'everyRed';
    } else if (vitamin_e._value.energy > vitamin_e._value.end) {
      vitamin_es.value = data.value.foodmotion[33].content;
      vitamin_e._value.keyword = '▲ 超标';
      vitamin_e._value.color = 'everyOrange';
    } else {
      vitamin_es.value = data.value.foodmotion[34].content;
    }
    //维生素B1
    if (vitamin_b1._value.energy < vitamin_b1._value.start) {
      vitamin_b1s.value = data.value.foodmotion[38].content;
      vitamin_b1._value.keyword = '▼ 不足';
      vitamin_b1._value.color = 'everyRed';
    } else if (vitamin_b1._value.energy > vitamin_b1._value.end) {
      vitamin_b1s.value = data.value.foodmotion[36].content;
      vitamin_b1._value.keyword = '▲ 超标';
      vitamin_b1._value.color = 'everyOrange';
    } else {
      vitamin_b1s.value = data.value.foodmotion[37].content;
    }
    //维生素B2
    if (vitamin_b2._value.energy < vitamin_b2._value.start) {
      vitamin_b2s.value = data.value.foodmotion[41].content;
      vitamin_b2._value.keyword = '▼ 不足';
      vitamin_b2._value.color = 'everyRed';
    } else if (vitamin_b2._value.energy > vitamin_b2._value.end) {
      vitamin_b2s.value = data.value.foodmotion[39].content;
      vitamin_b2._value.keyword = '▲ 超标';
      vitamin_b2._value.color = 'everyOrange';
    } else {
      vitamin_b2s.value = data.value.foodmotion[40].content;
    }
    //维生素C
    if (vitamin_c._value.energy < vitamin_c._value.start) {
      vitamin_cs.value = data.value.foodmotion[44].content;
      vitamin_c._value.keyword = '▼ 不足';
      vitamin_c._value.color = 'everyRed';
    } else if (vitamin_c._value.energy > vitamin_c._value.end) {
      vitamin_cs.value = data.value.foodmotion[42].content;
      vitamin_c._value.keyword = '▲ 超标';
      vitamin_c._value.color = 'everyOrange';
    } else {
      vitamin_cs.value = data.value.foodmotion[43].content;
    }


    if (res.data.data.high_contents != null) {
      early_intervention.value = res.data.data.high_contents.intervention_one + res.data.data.high_contents.intervention_two + res.data.data.high_contents.intervention_three;
      Monitoring_content.value = res.data.data.high_contents.family_1 + res.data.data.high_contents.family_2 + res.data.data.high_contents.family_3 + res.data.data.high_contents.family_4 + res.data.data.high_contents.family_5 + res.data.data.high_contents.family_6 + res.data.data.high_contents.family_7 + res.data.data.high_contents.family_8 + res.data.data.high_contents.family_9 + res.data.data.high_contents.family_10 + res.data.data.high_contents.family_11 + res.data.data.high_contents.family_12 + res.data.data.high_contents.family_13
      high_contents.value = res.data.data.high_contents
    }

    hospital_name.value = res.data.data.hospital_name




    // proposal.filter((ite,index)=>{
    //     return ite.food_product_id==pagoda.food_product_id

    // })

    // principle.value = res.data.data.foodliving
    intake.value = res.data.data.foodmotion



    let color = ["#3EA4AA"];
    let color1 = ["#D0443B", "#3EA4AA"];
    let color2 = ["#D0443B", "#3EA4AA"];
    var arr = [];
    var arr2 = [];
    var parr = res.data.data.primaryHeight;
    if (res.data.data.primaryHeight) {
      for (let i = 0; i < parr.length; i++) {
        arr.push(parr[i].content);
        arr2.push(parr[i].month);
      }
    }

    //获取用户生日 用户出生到现在的月份
    const startDate = new Date(res.data.data.contents.birth);
    const endDate = new Date();
    let monthsDifference = (endDate.getMonth() + 1) - startDate.getMonth();
    if (endDate.getFullYear() > startDate.getFullYear()) {
      monthsDifference += 12 * (endDate.getFullYear() - startDate.getFullYear());
    }
    //获取月份对应的下标以及身高
    let months = monthsDifference;
    let result = arr2.indexOf(months);
    if (result !== -1) {
      Height_s.value = arr[result];
    } else {
      let results = arr2.findIndex(num => num > months);
      console.log(results)
      let ress = arr[results - 1];
      let ress1 = arr[results];
      console.log(ress + ress1)
      Height_s.value = ((arr[results]) / 2) + ((arr[results - 1]) / 2);

    }


    var arr1 = [];
    var arr3 = [];
    var arr4 = [];
    var indexes = '';
    var parr1 = res.data.data.primaryWeight;

    if (res.data.data.primaryWeight) {
      for (let i = 0; i < parr1.length; i++) {
        arr1.push(parr1[i].content);
        arr3.push(parr1[i].month);
      }
    }


    arr4 = arr3.filter((item, index) => {
      return parseInt(item) > parseInt(res.data.data.sumbirths)
    })
    for (let i = 0; i < arr3.length; i++) {
      if (arr3[i] == arr4[0]) {
        indexes = i
      }
    }

    let result1 = arr3.indexOf(months);
    console.log(result1)
    if (result1 !== -1) {
      Weight_s.value = arr1[result1];
    } else {
      let results1 = arr2.findIndex(num => num > months);
      Weight_s.value = Math.round(((arr1[results1]) / 2) + ((arr1[results1 - 1]) / 2));

    }

    var myChart1 = echarts.init(document.getElementById("myChart2"));
    myChart1.value = myChart1;
    myChart1.setOption({
      backgroundColor: "#fff",
      color: color2,
      legend: {
        top: 20
      },
      tooltip: {
        trigger: "axis",
        formatter: function () {
          return "";
        }
      },
      grid: {
        top: 100,
        containLabel: true
      },
      xAxis: [
        {
          name: "月份",
          type: "category",
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
          data: arr3
        }
      ],
      yAxis: [
        {
          type: "value",
          name: "身高",
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }
        }
      ],
      series: [
        {
          // name: "2018",
          name: "国际",
          type: "line",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[0]
            }
          },
          symbol: "circle", //数据交叉点样式
          // itemStyle: {
          //     normal: {
          //         color: "white",
          //         borderColor: '#D0443B',
          //         borderWidth: 1,
          //     }
          // },
          data: arr
        },
        {
          name: "我的",
          type: "scatter",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[1]
            }
          },
          symbol: "circle", //数据交叉点样式 (实心点)
          // itemStyle: {
          //     normal: {
          //         color: "#ffffff",
          //         borderColor: '#3EA4AA',
          //         borderWidth: 1,
          //     }
          // },
          data: [[arr3[indexes - 1], res.data.data.sumHeight]]
        }
      ]
    });
    window.addEventListener("resize", function () {
      myChart1.resize();
    });

    var myChart2 = echarts.init(document.getElementById("myChart3"));
    myChart2.value = myChart2;
    myChart2.setOption({
      backgroundColor: "#fff",
      color: color2,
      legend: {
        top: 20
      },
      tooltip: {
        trigger: "axis",
        formatter: function () {
          return "";
        }
      },
      grid: {
        top: 100,
        containLabel: true
      },
      xAxis: [
        {
          name: "月份",
          type: "category",
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
          data: arr3
        }
      ],
      yAxis: [
        {
          type: "value",
          name: "体重",
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }
        }
      ],
      series: [
        {
          // name: "2018",
          name: "国际",
          type: "line",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[0]
            }
          },
          symbol: "circle", //数据交叉点样式
          // itemStyle: {
          //     normal: {
          //         color: "white",
          //         borderColor: '#D0443B',
          //         borderWidth: 1,
          //     }
          // },
          data: arr1
        },
        {
          name: "我的",
          type: "scatter",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[1]
            }
          },
          symbol: "circle", //数据交叉点样式 (实心点)
          // itemStyle: {
          //     normal: {
          //         color: "#ffffff",
          //         borderColor: '#3EA4AA',
          //         borderWidth: 1,
          //     }
          // },
          data: [[arr3[indexes - 1], res.data.data.sumWeight]]
        }
      ]
    });
    window.addEventListener("resize", function () {
      myChart2.resize();
    });
  })

});

const print = (el) => {
  PrintJS({
    printable: el,
    type: 'html',
    header: null,
    targetStyles: ['*'],
    style: "@page {margin:0 10mm}"
  })
}
</script>

<style scoped>
.risk_1 {
  margin-left: 30px;
}

.risk_3 {
  margin-bottom: 20px;
}

.risk_2 {
  margin-left: 10px;
}

.biao1 {
  width: 25%;
  border-bottom: 1px solid rgb(9, 165, 120);
  border-right: 1px solid rgb(9, 165, 120);
  background-color: rgb(42, 178, 139);
  color: #fff;
}

.state1 {
  display: none;
}

.state2 {
  display: block;
}

.biao5 {
  width: 25%;
  border-right: 1px solid rgb(9, 165, 120);
  background-color: rgb(42, 178, 139);
  border-bottom: 1px solid rgb(9, 165, 120);
  color: #fff;
}

.biao6 {
  width: 25%;
  border-right: 1px solid rgb(9, 165, 120);
  color: #000;
}

.biao7 {
  border-right: 1px solid rgb(9, 165, 120);
  border-bottom: 1px solid rgb(9, 165, 120);
}

.biao2 {
  width: 25%;
  border-bottom: 1px solid rgb(9, 165, 120);
  border-right: 1px solid rgb(9, 165, 120);
  color: #000;
  overflow: hidden;
}

.biao3 {
  width: 25%;
  border-bottom: 1px solid rgb(9, 165, 120);
  background-color: rgb(42, 178, 139);
  color: #fff;
}

.biao4 {
  width: 25%;
  border-bottom: 1px solid rgb(9, 165, 120);
  color: #000;
}


#proposal {
  width: 1075px;
  height: 456px;
  background: url('../assets/img/report_proposal.png');

}

/deep/ #elTextThree {
  width: 100%;
}

/deep/.el-textarea__inner {
  width: 946px;
  height: 157px;
  border-radius: 30px;
  border: 1px solid #2AB28B;
}

/deep/.el-textarea__inner .red {
  width: 946px;
  height: 157px;
  border-radius: 30px;
  border: 1px solid #2AB28B;
}

#elTextTwo {
  background: #2AB28B;
}

/deep/.el-textarea {
  width: 80%;
  margin-left: 70px;
}

.params {
  width: 100%;
  font-size: 22px;
  font-weight: bold;
}

.shu {
  width: 5px;
  height: 30px;
  background: #2AB28B;
  opacity: 1;
  border-radius: 100px;
  float: left;
  margin-right: 2%;
  margin-left: 5%;
}

.shured {
  width: 5px;
  height: 30px;
  background: red;
  opacity: 1;
  border-radius: 100px;
  float: left;
  margin-right: 2%;
  margin-left: 5%;
}

.right-box-card {
  width: 100%;
  margin-left: 0%;
}

.el-card.is-always-shadow {
  box-shadow: none;
}

.el-card {
  border: none;
}

.report {
  /*width: 595px;*/
  /*height: 842px;*/
}

.titles {
  margin-right: 20px;
}


#basic .title {
  font-size: 36px;
  width: 100%;
  text-align: center;
  height: 100px;
  margin-top: 100px;
}

#basic #createTime {
  font-size: 16px;
  color: #999999;
  margin-left: 70%;
}

.subTitle {
  font-size: 30px;
  text-align: center;
  height: 40px;
  color: #2AB28B;
  /*border-bottom: 1px dashed  red;*/
}

#two {
  width: 1075px;
  height: 1244px;
  border-left: 1px #999999 solid;
  border-right: 1px #999999 solid;
  margin: 0 auto 0 auto;
}

#basic {
  font-size: 14px;
  width: 1075px;
  min-height: 1244px;
  overflow: hidden;
  padding: 0;
  word-break: break-all;
  margin: 60px auto 0 auto;
  box-shadow: var(--el-box-shadow-light);
  border-radius: var(--el-card-border-radius);
  background-color: var(--el-card-bg-color);
  /* color: var(--el-text-color-primary); */
  transition: var(--el-transition-duration);
  --el-card-border-color: var(--el-border-color-light, #ebeef5);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-color-white);
}

#basic .symptom_title {
  font-size: 20px;
  margin-top: 30px;
}

.every {
  height: 55px;
  line-height: 55px;
  width: 23%;
  float: left;
  margin-left: 10%;
  font-weight: bold;
}

#basic .symptom {
  text-align: left;
  line-height: 35px;

}

#basic .symptom .every {
  width: 30%;
  float: left;
  margin-left: 2%;
}

.symptom_content {
  width: 100%;
  float: left;
  margin-left: 120px;
}

#analMan {
  margin-top: 2%;
  text-align: center;
  color: #fff;
  width: 60%;
  float: left;
}

#analMan #imgMan {
  float: left;
}

#analMan #imgFat {
  margin-left: 80%;
  /*width: 379px;*/
  height: 35px;
  line-height: 35px;
  background: #e88f73;
  opacity: 1;
}

#analMan #imgBone {
  margin-left: 80%;
  width: 379px;
  height: 53px;
  line-height: 53px;
  background: #b1d964;
  opacity: 1;
}

#analMan #imgProtein {
  margin-left: 80%;
  width: 379px;
  height: 53px;
  line-height: 53px;
  background: #e8ba73;
  opacity: 1;
}

#analMan #imgWater {
  margin-left: 80%;
  width: 379px;
  height: 193px;
  line-height: 193px;
  background: #6ba9e4;
  opacity: 1;
}

.service_plate {
  background: url('../assets/img/evaluaction_service_plate.png') center no-repeat;
}

.dietOn {
  height: 500px;
}

.everyRed {
  color: red;
}

.everyOrange {
  color: orange;
}

.everyBlack {
  color: #333333;
}

.time-botton {
  clear: both;
  background-color: #2AB28B;
  width: 108px;
  height: 41px;
  color: #fff;
  font-size: 16px;
  border-radius: 100px;
  line-height: 41px;
  margin: 40px 0 0 40px;
  text-align: center;
}

.time-type {
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  background: #85CE61;
  border-radius: 50%;
  opacity: 1;
  color: #fff;
  box-shadow: 5px 5px 2px #888888;
  margin: 20px 0 20px 40%;
}

.der {
  width: 354px;
  height: 241px;
  background: url("../assets/img/evaluaction_service_plate.png") 100% 100%;
}

.platesFoods {
  margin-top: 5px;
  margin-left: 8px;

  color: #333333;
  font-size: 16px;
}

.platesFoods div {
  padding-bottom: 18px;

}

.platesFoods span {
  color: #666666;
}

.plates {
  width: 33%;
  float: left;
}

.plates .plates-top-img {
  float: left;
  margin-left: 1%;
}

.time-left-color {
  background: #85CE61;
}

.time-common-color {
  background: #E8B973;
}

.time-right-color {
  background: #6EA9E0;
}</style>
